<template>
    <el-main>
        <el-main class="ep-body">
         <epl-top-bar :datas="{formData:form,panel:panel}" showPerson personType="PERSON_ALL_EXACT" psTagType="PERSON_INJURY_QUERY">
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
			<el-row :gutter="10">
                <epl-userGeneral dataType="person" isCodeType idCount="11" colspan='12' :panel="panel" >
                </epl-userGeneral>
                <epl-userGeneral dataType="person" isCodeType idCount="12" colspan='12' :panel1="panel1" >
                </epl-userGeneral>
            </el-row>
             <el-form :model="form" ref="form" :rules="rules">
    <el-collapse v-model="activeNames" >
        <el-collapse-item title="请输入供养亲属基本信息" name="1">
            <el-card class="ep-card">
                    <el-row :gutter="10">
                        
                        <ep-select colspan="8" label="供养关系" name="aae144" :property="form.aae144" placeholder="请选择供养关系"
                        p="R"  codetype="BAE065"></ep-select>
                        <ep-date colspan="8" label="开始年月" name="aic160" :property="form.aic160" placeholder="请选择开始年月" 
                        p="R"   type="date" ></ep-date>
                        <ep-date colspan="8" label="终止年月" name="aic301" :property="form.aic301" placeholder="请选择终止年月" 
                        p="E"   type="date" ></ep-date>
                    </el-row>   
                    <el-row :gutter="10">
                        
                        <ep-input colspan="8" label="联系人姓名" name="aae004" :property="form.aae004" placeholder="请输入联系人姓名"
                        p="R" ></ep-input>
                        <ep-input colspan="8" label="联系手机" name="aae005" :property="form.aae005" placeholder="请输入联系人手机号"
                        p="R" ></ep-input>
                        <ep-select colspan="8" label="孤寡标志" name="aac086" :property="form.aac086"  placeholder="请选择孤寡标志"
                        p="R"   codetype="AAC086"></ep-select>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="联系地址" name="bae011" :property="form.bae011"
                                    placeholder="请选择省" codetype="BAE007" p="R"  :datas="{formData:form}" isChange isCodeType></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae012" :property="form.bae012"
                                    placeholder="请选择市" codetype="BAE008" p="R" :datas="{formData: form}" isChange isCodeType
                                    SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "></ep-select>
                        <ep-select colspan="4" label="" label-width="0" name="bae013" :property="form.bae013" 
                                    placeholder="请选择区县" codetype="BAE009" p="R" :datas="{formData: form}"
                                    SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'" ></ep-select>
                        <ep-input colspan="8" label="" label-width="0" name="aae006" :property="form.aae006"
                                    placeholder="请输入详细地址" p="R" :datas="{formData:form}"></ep-input>
                    </el-row>   
            </el-card>
        </el-collapse-item> 
            <el-collapse-item title="待遇续发信息" name="2">
            <el-card class="ep-card">
                <el-tabs  v-model="activeName2" type="card" >
                <el-tab-pane label="供养亲属待遇补发明细" name="1">
                    <ep-table :data="tableData1" :titleFilter="demo1">
                        <ep-table-column sortable name="aaa078" header="补扣类型"></ep-table-column>
                        <ep-table-column sortable name="aaa036" header="待遇项目"></ep-table-column>
                        <ep-table-column sortable name="aae041" header="补扣发开始年月"></ep-table-column>
                        <ep-table-column sortable name="aae042" header="补扣发结束年月"></ep-table-column>
                        <ep-table-column sortable name="bac062" header="补扣总月数"></ep-table-column>
                        <ep-table-column sortable name="bac063" header="补扣发总金额"></ep-table-column>
                    </ep-table></el-tab-pane></el-tabs>
                    </el-card>
                </el-collapse-item>
                 <el-collapse-item title="请输入供养亲属发放信息"  name="3">
                    <el-card class="ep-card">
                            <el-row :gutter="10">
                        <ep-select colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" placeholder="请选择发放银行"
                                   p="R" :datas="{formData: form}" codetype="AAZ065" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-input  colspan="8" label="银行账号" name="aae010" :property="form.aae010" placeholder="请输入银行账号"
                                   p="R" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                        <ep-input  colspan="8" label="银行开户名" name="aae009" :property="form.aae009" placeholder="请输入银行开户名"
                                   p="R" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                    </el-row>
                    <el-row :gutter="10">
                        <epl-search-bank colspan="8" label="开户行行号" name="aaf002" :property="form.aaf002" placeholder="请选择开户行行号"
                                         p="R" :datas="{formData: form}" codetype="AAZ065" bankName="aaz065" show rules="this.$rules.test_noBlank"></epl-search-bank>
                        <ep-input  colspan="16" label="开户银行名称" name="bac049" :property="form.bac049"
                                   p="R,D" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                    </el-row>
                           
                </el-card>
                 </el-collapse-item>
    </el-collapse>
     </el-form>
        <el-card class="ep-card">
            <el-row type="flex" justify="center">
               <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save"  @formValidate="formValidate" 
                    :validate="['form']"   :datas="{formData: form,panel:panel,panel1:panel1}" name="保存"></ep-saveButton>
                <ep-button id="cal01" top="20" type="primary" api="doCalculate" bottom="20"
                    :datas="{formData: form}" name="计算"></ep-button>
            </el-row>
        </el-card>
        </el-main>
    </el-main>

</template>


<script src="../js/InjuryDependantsOncePayJS.js"></script>
